<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>form表单</title>
		<!--
		<style type="text/css">
			/*id选择器*/
			#userName{
				background-color: red;
			}
			/*标签（类型）选择器*/
			input{
				background-color: green;
			}
			/*类型选择器*/
			.inputColorStyle{
				background-color: yellow;
			}
		</style>
		-->
	</head>
	<body>
		<form action="#" method="get">
			<table border="1px" cellpadding="5px" cellspacing="0px" width="600opx" align="center">
				<caption>填写用户注册信息</caption>
				<tr>
					<td width="30%">用户名</td>
					<td width="40%"><input type="text" id="userName" name="userName"  /></td>
					<td width="30%">登录用户名</td>
				</tr>
				<tr>
					<td width="30%">密码</td>
					<td width="40%"><input type="password" id="userPsw" name="userPsw" /></td>
					<td width="30%">登录密码，6个以上字母、数字、组合，不区分大小写</td>
				</tr>
				<tr>
					<td width="30%">邮箱</td>
					<td width="40%"><input type="email" id="userEmail" name="userEmail" /></td>
					<td width="30%">录入后不可修改</td>
				</tr>
				<tr>
					<td width="30%">性别</td>
					<td width="40%">
						<input type="radio" id="userSexMale" name="userSex" value="0" />男
						<input type="radio" id="userSexFemale" name="userSex" value="1" />女
					</td>
					<td width="30%">选择您的性别</td>
				</tr>
				<tr>
					<td width="30%">出生年月</td>
					<td width="40%">
						<select id="userYear" name="userYear">
							<option value="2018">2010</option>
							<option value="2018">2011</option>
							<option value="2018">2012</option>
							<option value="2018">2013</option>
							<option value="2018">2014</option>
							<option value="2018">2015</option>
							<option value="2018">2016</option>
							<option value="2018">2017</option>
							<option value="2018">2018</option>
							<option value="2019">2019</option>
							<option value="2020">2020</option>
						</select>年
						<select id="userMonth" name="userMonth">
							<option value="1">1月</option>
							<option value="2">2月</option>
							<option value="3">3月</option>
							<option value="4">4月</option>
							<option value="5">5月</option>
							<option value="6">6月</option>
							<option value="7">7月</option>
							<option value="8">8月</option>
							<option value="9">9月</option>
							<option value="10">10月</option>
							<option value="11">11月</option>
							<option value="12">12月</option>
						</select>月
					</td>
					<td width="30%">选择出生年月</td>
				</tr>
				<tr>
					<td width="30%">兴趣标签：</td>
					<td width="40%">
						<input type="checkbox" id="userHobby1" name="userHobby" />生活
						<input type="checkbox" id="userHobby2" name="userHobby" />娱乐
						<input type="checkbox" id="userHobby3" name="userHobby" />体育
						<br />
						<input type="checkbox" id="userHobby4" name="userHobby" />财经
						<input type="checkbox" id="userHobby5" name="userHobby" />时尚
						<input type="checkbox" id="userHobby6" name="userHobby" />新闻
					</td>
					<td width="30%">选择您的兴趣标签</td>
				</tr>
				<tr>
					<td width="30%">头像</td>
					<td width="40%"><input type="file" id="userImg" name="userImg" /></td>
					<td width="30%">选择头像</td>
				</tr>
				<tr>
					<td width="30%">简介</td>
					<td width="40%">
						<textarea cols="40" rows="10" id="userIntrduction" name="userIntroduction"></textarea>
					</td>
					<td width="30%">填写个人简介</td>
				</tr>
				<tr align="center">
					<td width="40%" colspan="3">
						<input type="submit" value="提交" />
						&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="reset" value="重置" />
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>
